<html>
  <body>
     <table><tr><td>
     <div style="border: 1px blue solid; width: 10px; height: 10px;">
     <img src="http://html.xamjwg.org/images/screenshot30p.gif">
     </div>
     <div style="border: 1px green solid; width: 10px; height: 10px;">
     <img src="http://html.xamjwg.org/images/screenshot30p.gif">
     </div>
     <div style="border: 1px magenta solid; width: 10px; height: 10px;">
     <img src="http://html.xamjwg.org/images/screenshot30p.gif">
     </div>
     <div style="border: 1px cyan solid; width: 10px; height: 10px;">
     <img src="http://html.xamjwg.org/images/screenshot30p.gif">
     </div>
     <div style="border: 1px black solid; width: 10px; height: 10px;">
     <img src="http://html.xamjwg.org/images/screenshot30p.gif">
     </div>
     <div style="border: 1px yellow solid; width: 10px; height: 10px;">
     <img src="http://html.xamjwg.org/images/screenshot30p.gif">
     </div>
     <div style="border: 1px red solid; width: 10px; height: 10px;">
     <img src="http://html.xamjwg.org/images/screenshot30p.gif">
     </div>
     <div style="border: 1px violet solid; width: 10px; height: 10px;">
     <img src="http://html.xamjwg.org/images/screenshot30p.gif">
     </div>
     </td>
<td>
     <div style="border: 1px blue solid; width: 10px; height: 10px;">
     <img src="http://html.xamjwg.org/images/screenshot30p.gif">
     </div>
     <div style="border: 1px green solid; width: 10px; height: 10px;">
     <img src="http://html.xamjwg.org/images/screenshot30p.gif">
     </div>
     <div style="border: 1px magenta solid; width: 10px; height: 10px;">
     <img src="http://html.xamjwg.org/images/screenshot30p.gif">
     </div>
     <div style="border: 1px cyan solid; width: 10px; height: 10px;">
     <img src="http://html.xamjwg.org/images/screenshot30p.gif">
     </div>
     <div style="border: 1px black solid; width: 10px; height: 10px;">
     <img src="http://html.xamjwg.org/images/screenshot30p.gif">
     </div>
     <div style="border: 1px yellow solid; width: 10px; height: 10px;">
     <img src="http://html.xamjwg.org/images/screenshot30p.gif">
     </div>
     <div style="border: 1px red solid; width: 10px; height: 10px;">
     <img src="http://html.xamjwg.org/images/screenshot30p.gif">
     </div>
     <div style="border: 1px violet solid; width: 10px; height: 10px;">
     <img src="http://html.xamjwg.org/images/screenshot30p.gif">
     </div>
     </td>
<td>
     <div style="border: 1px blue solid; width: 10px; height: 10px;">
     <img src="http://html.xamjwg.org/images/screenshot30p.gif">
     </div>
     <div style="border: 1px green solid; width: 10px; height: 10px;">
     <img src="http://html.xamjwg.org/images/screenshot30p.gif">
     </div>
     <div style="border: 1px magenta solid; width: 10px; height: 10px;">
     <img src="http://html.xamjwg.org/images/screenshot30p.gif">
     </div>
     <div style="border: 1px cyan solid; width: 10px; height: 10px;">
     <img src="http://html.xamjwg.org/images/screenshot30p.gif">
     </div>
     <div style="border: 1px black solid; width: 10px; height: 10px;">
     <img src="http://html.xamjwg.org/images/screenshot30p.gif">
     </div>
     <div style="border: 1px yellow solid; width: 10px; height: 10px;">
     <img src="http://html.xamjwg.org/images/screenshot30p.gif">
     </div>
     <div style="border: 1px red solid; width: 10px; height: 10px;">
     <img src="http://html.xamjwg.org/images/screenshot30p.gif">
     </div>
     <div style="border: 1px violet solid; width: 10px; height: 10px;">
     <img src="http://html.xamjwg.org/images/screenshot30p.gif">
     </div>
     </td>
</tr>
</table>

     <!--
     <img id='img1' width="99%" height="50%">
     -->
     <script><!--
        var theImg = document.getElementById('img1');
        //alert('width=' + theImg.width);
        //-->
     </script>
  </body>
</html>
